﻿<%@ Page Language="C#" MasterPageFile="~/master.master" AutoEventWireup="true" CodeFile="Articles.aspx.cs"
    Inherits="Default2" %>

<%@ OutputCache Duration="60" Location="Client" VaryByParam="None" %>
<asp:Content ContentPlaceHolderID="TitleContentPlaceHolder" runat="server" ID="TitleContent">
    <asp:Literal runat="server" ID="PageTitle"></asp:Literal>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        p
        {
            line-height: 1.9em;
            color: #525252;
            font-size: 15px;
        }
    </style>
    <link rel="canonical" href="<%= hfNewCurrentURL.Value %>" />
    <!-- OpenGraph meta -->
    <meta property="fb:app_id" content="384070111692466" />
    <meta property="og:type" content="Sport" />
    <meta property="og:image" content='<%= FacebookMetaTagHelper("0") %>?width=304&height=200' />
    <meta property="og:title" content='<%= FacebookMetaTagHelper("1") %>' />
    <meta property="og:description" content='<%= FacebookMetaTagHelper("2") %>' />
    <meta property="og:url" content="<%= hfCurrentURLLike.Value %>" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:HiddenField ID="hfArticleID" runat="server" Value="0" />
    <asp:HiddenField ID="hfCategoryID" runat="server" Value="0" />
    <asp:HiddenField ID="hfNewCurrentURL" runat="server" Value="0" />
    <asp:HiddenField ID="hfCurrentURLLike" runat="server" Value="0" />
    <div id="div_GoogleAds" style="position: absolute; right: 10px;">
        <script type="text/javascript"><!--
            google_ad_client = "ca-pub-8724688346081785";
            /* DefaultPage_Right */
            google_ad_slot = "5149661751";
            google_ad_width = 160;
            google_ad_height = 600;
            //-->
        </script>
        <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
    </div>
    <div id="left" style="width: 605px;">
        <div class="single">
            <asp:Repeater runat="server" ID="rptArticles">
                <ItemTemplate>
                    <a href="<%# GenerateURLFacebookLike(DataBinder.Eval(Container.DataItem, "Articls_Title"),DataBinder.Eval(Container.DataItem, "Articls_ID")) %>">
                    </a>
                    <div class="active">
                        <h1>
                            <%# DataBinder.Eval(Container.DataItem, "Articls_Title")%></h1>
                    </div>
                    <!-- #date -->
                    <div class="content" style="text-align: center; font-size: 15px;">
                        <div class="thumb " style='text-align: center; width: 100%; display: <%# checkVedioFlag(DataBinder.Eval(Container.DataItem, "Articls_Image").ToString())%>'>
                            <a href="../../../<%# DataBinder.Eval(Container.DataItem, "Articls_Image")%>" rel="prettyPhoto"
                                title="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>">
                                <img src="../../<%# DataBinder.Eval(Container.DataItem, "Articls_Image")%>?width=348"
                                    title="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" alt="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" style="width: 80%;
                                    height: 229px;" alt="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>"
                                    class="imgf" />
                            </a>
                        </div>
                        <div style="height: 20px; clear: both;">
                        </div>
                        <p id="p_FullNews" style="text-align: justify; text-align: center; font-size: 15px;">
                            <%# DataBinder.Eval(Container.DataItem, "Articls_FullDescription")%></p>
                        <div style="height: 20px; clear: both;">
                        </div>
                        <div style='display: <%# checkVedioFlag(DataBinder.Eval(Container.DataItem, "Articls_Vedio").ToString())%>'>
                            <iframe width="610" height="360" src="<%# RunVedio(DataBinder.Eval(Container.DataItem, "Articls_Vedio").ToString()) %>"
                                frameborder="0" allowfullscreen></iframe>
                        </div>
                        <p style="text-align: justify;">
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <div style="text-align: center;">
                <span style="font-size: 30px; font-weight: bold;"><a href="#comment" style="text-decoration: underline;">
                    أضف تعليقك </a></span>
            </div>
            <%-- <div style="height: 10px; clear: both;">
            </div>
            <div style="float: left; direction: ltr">
                <asp:Repeater runat="server" ID="rptManageCategory">
                    <ItemTemplate>
                        <h3>
                            عدد المشاهدات :
                            <%# DataBinder.Eval(Container.DataItem, "Articls_Counter")%>
                            مشاهدة</h3>
                    </ItemTemplate>
                </asp:Repeater>
            </div>--%>
            <div style="padding-top: 25px;">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td align="left" style="width: 60%">
                            <!-- Place this tag in your head or just before your close body tag. -->
                            <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
                            <!-- Place this tag where you want the share button to render. -->
                            <div class="g-plus" data-action="share" data-annotation="bubble">
                            </div>
                        </td>
                        <td align="left" style="width: 20%">
                            <a href="https://twitter.com/share" class="twitter-share-button" data-via="livekoranet"
                                data-lang="ar">تغريد</a>
                            <script>                                !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } } (document, 'script', 'twitter-wjs');</script>
                        </td>
                        <td align="left" style="width: 20%">
                            <div id="fb-root">
                            </div>
                            <script>                                (function (d, s, id) {
                                    var js, fjs = d.getElementsByTagName(s)[0];
                                    if (d.getElementById(id)) return;
                                    js = d.createElement(s); js.id = id;
                                    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=567816839920626";
                                    fjs.parentNode.insertBefore(js, fjs);
                                } (document, 'script', 'facebook-jssdk'));</script>
                            <fb:like width="450" data-href="<%= hfCurrentURLLike.Value %>" layout="button_count"
                                show_faces="true" send="true">
                            </fb:like>
                        </td>
                    </tr>
                </table>
            </div>
            <div style="height: 25px; clear: both;">
            </div>
            <%--			<div style="text-align: center;height: 100px;">
				<a href="http://arabisky.com/" target="_blank">
					<img src="http://arabisky.com/ArabiSkyAds/ArabiskyAds-withTransprancy.gif" style="border:0px;" alt="livekora.net - ArabiSky.com" title="سوق سماء العرب للإعلانات المبوبة المجانية" />
				</a>
			</div>--%>
            <div id="div_AdsRight">
                <div id="newAds" style="width: 300px; height: 250px; float: right">
                    <script type="text/javascript"><!--
                        google_ad_client = "ca-pub-7196218955155134";
                        /* Articles_Right */
                        google_ad_slot = "9711749606";
                        google_ad_width = 300;
                        google_ad_height = 250;
                        //-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
                    <div style="width: 10px; float: right;">
                        &nbsp;</div>
                </div>
                <div id="newAdsGoogle" style="height: 250px; float: left;">
                    <script type="text/javascript">                        google_ad_client = "ca-pub-8724688346081785"; google_ad_slot = "6415218957"; google_ad_width = 300; google_ad_height = 250;</script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
                </div>
            </div>
            <div style="height: 30px; clear: both;">
            </div>
            <div>
                <table border="1" width="100%" cellpadding="0" cellspacing="0" style="direction: ltr;
                    border: 1px dashed #333; font-size: 17px;">
                    <tr>
                        <td style="height: 30px; text-align: right; padding: 5px;">
                            الاسم : اسامة محمود علي خدرج
                        </td>
                        <td rowspan="2" align="center">
                            <img src="images/500.jpg" width="120" height="100" />
                        </td>
                    </tr>
                    <tr>
                        <td style="height: 30px; text-align: right; vertical-align: top; padding: 5px;">
                            User Bio
                        </td>
                    </tr>
                </table>
            </div>
            <div style="height: 25px; clear: both;">
            </div>
            <div class="post_heading">
                <h2 class="left_heading">
                    تعليق
                </h2>
            </div>
            <div id="comment">
                <script>                    (function (d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=384070111692466";
                        fjs.parentNode.insertBefore(js, fjs);
                    } (document, 'script', 'facebook-jssdk'));</script>
                <div class="fb-comments" data-href="<%= hfCurrentURLLike.Value %>" data-width="600"
                    data-num-posts="50">
                </div>
                <script>                    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } } (document, 'script', 'twitter-wjs');</script>
            </div>
        </div>
        <div style="height: 15px; clear: both;">
        </div>
        <div id="video_holder" style="display: none;">
        </div>
        <div class="othernews">
            <div class="listing other_news_listing" style="margin-bottom: 10px;">
                <div class="header">
                    <h1>
                        أخبار مرتبطة</h1>
                </div>
                <!-- #header -->
                <asp:Repeater runat="server" ID="rptTopTenReleatedNews">
                    <ItemTemplate>
                        <div class="left_other_news" style="margin-right: 34px;">
                            <a href="<%# GenerateURL(DataBinder.Eval(Container.DataItem, "Articls_Title"),DataBinder.Eval(Container.DataItem, "Articls_ID")) %>">
                                <img src="<%# GetThumManager(DataBinder.Eval(Container.DataItem, "Articls_Image").ToString(),DataBinder.Eval(Container.DataItem, "Articls_Vedio").ToString()) %>?width=93"
                                    title="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" alt="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" /></a>
                            <div class="content">
                                <h4>
                                    <a href="<%# GenerateURL(DataBinder.Eval(Container.DataItem, "Articls_Title"),DataBinder.Eval(Container.DataItem, "Articls_ID")) %>">
                                        <%# DataBinder.Eval(Container.DataItem, "Articls_Title")%></a></h4>
                                <span class="date">
                                    <%# GetDateFormat(DataBinder.Eval(Container.DataItem, "Articls_CreateDate").ToString())%></span>
                            </div>
                        </div>
                    </ItemTemplate>
                    <AlternatingItemTemplate>
                        <div class="left_other_news" style="margin-right: 0;">
                            <a href="<%# GenerateURL(DataBinder.Eval(Container.DataItem, "Articls_Title"),DataBinder.Eval(Container.DataItem, "Articls_ID")) %>">
                                <img src="<%# GetThumManager(DataBinder.Eval(Container.DataItem, "Articls_Image").ToString(),DataBinder.Eval(Container.DataItem, "Articls_Vedio").ToString()) %>?width=93"
                                    title="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" alt="<%# DataBinder.Eval(Container.DataItem, "Articls_Title")%>" /></a>
                            <div class="content">
                                <h4>
                                    <a href="<%# GenerateURL(DataBinder.Eval(Container.DataItem, "Articls_Title"),DataBinder.Eval(Container.DataItem, "Articls_ID")) %>">
                                        <%# DataBinder.Eval(Container.DataItem, "Articls_Title")%></a>
                                </h4>
                                <span class="date">
                                    <%# GetDateFormat(DataBinder.Eval(Container.DataItem, "Articls_CreateDate").ToString())%>
                                </span>
                            </div>
                        </div>
                    </AlternatingItemTemplate>
                </asp:Repeater>
                <!-- #content -->
            </div>
            <!-- #left_other_news -->
        </div>
        <!-- #listing -->
    </div>
    <!-- #othernews -->
    <div class="post_heading">
        <h2 class="left_heading ">
            مشاركة</h2>
    </div>
    <!-- #post_heading -->
    <div class="share" style="padding-bottom: 0px !important;">
        <a href='http://www.facebook.com/sharer.php?u=<%= hfCurrentURLLike.Value %>'>
            <img runat="server" src="../../../images/facebook-icon.png" alt="livekora.net" class="shareimg" />
        </a><a href="https://twitter.com/intent/tweet?text=<%= hfCurrentURLLike.Value %>">
            <img runat="server" src="../../../images/twitter-icon.png" alt="livekora.net" class="shareimg" /></a>
        <a href="https://plusone.google.com/_/+1/confirm?hl=en&url=<%= hfCurrentURLLike.Value %>">
            <img runat="server" src="../../../images/google-icon.png" alt="livekora.net" class="shareimg" /></a>
    </div>
    <!-- #single -->
    <%--    <div class="post_heading">
        <h2 class="left_heading">
            تعليق
        </h2>
    </div>
    <div id="comments">
        <div id="respond">
            <h3 id="reply-title">
                أضف تعليق
            </h3>
            <p class="comment-notes">
                لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ <span class="required">
                    *</span></p>
            <p class="comment-form-author">
                <label for="author">
                    الاسم&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </label>
                <input id="author" name="author" type="text" runat="server" maxlength="50" size="30"
                    aria-required="true" />
                <asp:RequiredFieldValidator ID="rvfUserName" ControlToValidate="author" runat="server"
                    ErrorMessage="هذ الحقل اجباري"></asp:RequiredFieldValidator>
            </p>
            <p class="comment-form-email">
                <label for="email">
                    البريد الإلكتروني
                </label>
                <input id="email" name="email" type="text" runat="server" maxlength="100" size="30"
                    aria-required="true" />
            </p>
            <p class="comment-form-comment">
                <label for="comment">
                    تعليق</label><textarea id="comment" runat="server" name="comment" cols="45" rows="8"
                        aria-required="true"></textarea></p>
            <asp:RequiredFieldValidator ID="rfvcomment" ControlToValidate="comment" runat="server"
                ErrorMessage="هذ الحقل اجباري"></asp:RequiredFieldValidator>
            <p class="form-submit">
                <asp:Button ID="submit" class="submit" runat="server" Text="إضافة تعليق" OnClick="submit_Click" />
                &nbsp;<span id="pUserMessage" style="color: Blue;" runat="server"></span>
            </p>
        </div>
        <!-- #respond -->
        <h3 id="reply-title">
            التعاليق</h3>
        <div style="direction: rtl;">
            <table width="100%" cellpadding="0" cellspacing="0">
                <asp:Repeater runat="server" ID="rptUserCommnets">
                    <ItemTemplate>
                        <tr>
                            <td>
                                <div class="author ">
                                    <div class="icon">
                                        <img alt="liveKora" runat="server" src="../../../images/DefaultUser.png" class="avatar avatar-75 photo" height="75"
                                            width="75">
                                    </div>
                                    <!-- #icon -->
                                    <div class="authorcontent">
                                        <div class="title">
                                            <%# DataBinder.Eval(Container.DataItem, "UserFullName")%>
                                        </div>
                                        <!-- #title -->
                                        <p>
                                            <%# DataBinder.Eval(Container.DataItem, "UserComment")%>
                                        </p>
                                    </div>
                                    <!-- #content -->
                                </div>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
        </div>
    </div>--%>
</asp:Content>
